<template>
  <UserlnfoComp>
    <div>
      <WeathervComp></WeathervComp>
    </div>
  </UserlnfoComp>

  <hr />
  <div class="menus">
    <a v-for="m in menus" :key="m.url" @click="router.push(m.url)" href="javascript:void(0)">
      {{ m.title }}
    </a>
  </div>
</template>
<script setup>
import UserlnfoComp from '@/components/UserlnfoComp.vue'
import WeathervComp from '@/components/WeathervComp.vue'
import { ref } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()

const menus = ref([
  {
    title: '软件分类管理',
    url: '/link/SoftwareType',
  },
  {
    title: '软件管理',
    url: '/link/Software',
  },
])
</script>

<style scoped lang="scss">
.menus {
  padding: 1rem;
  a {
    display: inline-block;
    color: #000;
    margin: 0.5rem 1rem;
    font-size: 1.5rem;
    text-decoration: none;

    &:hover {
      color: #f38383;
      text-decoration: underline;
    }
  }
}
</style>
